@charset "UTF-8";
/* 优惠券结构 */
.coupons {
  overflow:hidden;
  display: inline-block;
  vertical-align: middle;
}
.coupon-block {
  position: relative;
  border: 1px solid var(--color-danger);
  padding: var(--theme-padding-base) var(--theme-padding-small);
  background: var(--color-white);
  line-height: 18px;
}
.coupon-cor:before,
.coupon-cor:after {
  content: '';
  position: absolute;
  display:inline-block;
  background: var(--color-white);
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border:1px solid var(--color-danger);
}
.coupon-cor.top:before {
  left: -5px;
  top: -5px;
  border-top:1px solid var(--color-white);
  border-left:1px solid var(--color-white);
}
.coupon-cor.top:after{
  right:-5px;
  top:-5px;
  border-top:1px solid var(--color-white);
  border-right:1px solid var(--color-white);
}
.coupon-cor.bottom:before {
  left:-5px;
  bottom:-5px;
  border-bottom:1px solid var(--color-white);
  border-left:1px solid var(--color-white);
}
.coupon-cor.bottom:after{
  right:-5px;
  bottom:-5px;
  border-bottom:1px solid var(--color-white);
  border-right:1px solid var(--color-white);
}
.coupon-content {
  display: table;
}

.coupon-price {
  display: table-cell;
  vertical-align: middle;
  font-size: 26px;
  font-weight: bold;
  padding-right: 5px;
  color: var(--color-danger);
}

.coupon-word {
  display: table-cell;
}

.coupon-word__rule {
  background: var(--color-danger);
  color: var(--color-white);
  padding: 1px 2px;
}

.coupon-word__tip {
  font-size: 14px;
  color: var(--color-danger);
  font-weight: bold;
}
/* 扩展配置 */
.cell .coupons {
 /* margin: var(--theme-margin-small) 0;*/
}
.is-gray-bg .coupon-cor:before,
.is-gray-bg .coupon-cor:after{
  background: var(--theme-background-color-primary);
}

.el-table--enable-row-hover .el-table__body tr:hover>td .coupon-cor:before,

.el-table--enable-row-hover .el-table__body tr:hover>td .coupon-cor:after{
  background-color: var(--color-extra-light-gray);
}
/* 已过期 */
.coupons.is-deadline {
    .coupon-shade{
      display: inline-block;
    }
.coupon-block,
    .coupon-cor:before,
    .coupon-cor:after{
      border:1px solid var(--theme-border-color-primary);
    }
    .coupon-price,
    .coupon-word__tip{
      color:#999;
    }
    .coupon-word__rule{
      background-color: #ccc;
    }
}

.coupon-shade {
  position: absolute;
  border: 3px solid var(--color-danger);
  color: var(--color-danger);
  font-size: 16px;
  font-weight: bold;
  top: 10px;
  right: 5px;
  display: none;
  padding: 2px;
  transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
}
